<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<link rel="stylesheet" type="text/css" href="css/order_details.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left backbtn"></a>
			<h1 class="mui-title">订单详情</h1>
			<a class=" mui-pull-right homebtn">订单</a>
		</header>
		<div class="mui-content">
			<div class="order_info_div">
				<div class="order_img_div">
					<img class="order_img" src="" />
				</div>
				<div class="order_info">
					<p class="order_name">  </p>
					<span class="order_type"> </span>
					<p class="order_info_down">
						<span class="order_count">实购数量： </span>
						<span class="order_price ">￥ </span>
					</p>

				</div>
				<div class="order_button btn">
					<!--<button type="button" class="mui-btn mui-btn-yellow ">委托交易</button>-->
					<button type="button" class="mui-btn mui-btn-yellow ">提货</button>
				</div>
				<div class="order_id">
					<p>订单编号： </p>
					<p>订单生成时间： </p>
				</div>
				<div class="compact_link">
					<div class="compact_btn">
						查看<a data-href="/app/agreement?key=purchase" id="agreement">《火速购商城电子购销合同》</a>
					</div>
				</div>
			</div>
			<div class="order_list">
				<div class="state state1">
					<!--<div class="state_text">状态1，待结清</div>-->
					<!--<div class="order_date">
						<p>订单到期时间</p>
						<p class="pont"></p>
						<p>2018-12-25 12:00</p>
					</div>-->
					<div class="order_info_right">
						<span class="order_info_right_text">贷款￥<label> </label>,共计￥<span class="weight"></span></span>
					</div>
					<div class="order_button btn rowbutton">
						<button type="button" class="mui-btn mui-btn-yellow ">立即支付</button>
						<!--<button type="button" class="mui-btn mui-btn-yellow ">延期</button>-->
					</div>
				</div>
			</div>
			<!--<div class="order_list">
				<div class="state state1">
					<div class="state_text">状态2，未到期，续期</div>
					<div class="order_date">
						<p>订单到期时间</p>
						<p class="pont_hui"></p>
						<p class="hui">2018-12-18 12:00</p>
						<p class="pont"></p>
						<p>2018-12-25 12:00</p>
					</div>
					<div class="order_info_right">
						<span class="order_info_right_text">贷款￥900.00,共计￥<span class="weight">900.00</span></span>
					</div>
					<div class="order_button btn rowbutton">
						<button type="button" class="mui-btn mui-btn-yellow ">结清货款</button>
						<button type="button" class="mui-btn mui-btn-yellow ">延期</button>
					</div>
				</div>
			</div>
			<div class="order_list">
				<div class="state state1">
					<div class="state_text">状态3，违约</div>
					<div class="order_date">
						<p>订单到期时间</p>
						<p class="pont"></p>
						<p>2018-12-25 12:00<span class="wy_text">违约1天</span></p>
					</div>
					<div class="order_info_right">
						<span class="order_info_right_text">贷款￥900.00,共计￥<span class="weight">900.00</span></span>
					</div>
					<div class="order_button btn rowbutton">
						<button type="button" class="mui-btn mui-btn-yellow ">结清货款</button>
						<button type="button" class="mui-btn mui-btn-yellow ">延期</button>
					</div>
				</div>
			</div>
			<div class="order_list">
				<div class="state state1">
					<div class="state_text">状态4，违约后延期</div>
					<div class="order_date">
						<p>订单到期时间</p>
						<p class="pont_hui"></p>
						<p class="hui">2018-12-18 12:00
							<span class="wy_text_hui">违约1天</span>
						</p>
						<p class="pont"></p>
						<p>2018-12-25 12:00
							<span class="wy_text_tip">减去一天违约</span>
						</p>
					</div>
					<div class="order_info_right">
						<span class="order_info_right_text">贷款￥900.00,共计￥<span class="weight">900.00</span></span>
					</div>
					<div class="order_button btn rowbutton">
						<button type="button" class="mui-btn mui-btn-yellow ">结清货款</button>
						<button type="button" class="mui-btn mui-btn-yellow ">延期</button>
					</div>
				</div>
			</div>
			<div class="order_list">
				<div class="state state1">
					<div class="state_text"> 状态5，未违约，结清</div>
					<div class="order_date">
						<p>订单到期时间</p>
						<p class="pont_hui"></p>
						<p class="hui">2018-12-18 12:00
						</p>
						<p class="pont_lv"></p>
						<p>2018-12-25 12:00
							<span class="jq_text_tip">已结清</span>
						</p>
					</div>
					<div class="order_info_right">
						<span class="order_info_right_text">贷款￥900.00,共计￥<span class="weight">900.00</span></span>
					</div>
					<div class="order_button btn rowbutton">
						<button type="button" class="mui-btn mui-btn-yellow ">再次购买</button>
					</div>
				</div>
			</div>
			<div class="order_list">
				<div class="state state1">
					<div class="state_text">状态6，违约，结清</div>
					<div class="order_date">
						<p>订单到期时间</p>
						<p class="pont_hui"></p>
						<p class="hui">2018-12-18 12:00
							<span class="wy_text_hui">违约3天</span>
						</p>
						<p class="pont_lv"></p>
						<p>2018-12-25 12:00
							<span class="jq_text_tip">已结清</span>
						</p>
					</div>
					<div class="order_info_right">
						<span class="order_info_right_text">贷款￥900.00,共计￥<span class="weight">900.00</span></span>
					</div>
					<div class="order_button btn rowbutton">
						<button type="button" class="mui-btn mui-btn-yellow ">再次购买</button>
					</div>
				</div>
			</div>-->
		</div>
		<script src="../lib/mui.min.js"></script>
		<script type="text/javascript" src="../lib/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="../lib/service.js"></script>
		<script type="text/javascript" src="order_details.js" ></script>
		<script type="text/javascript">
			mui.init()
			//			放在plusready里,否则会报错
			$('#agreement').bind('tap',function(){
				openurl('../home/agreement.html',JSON.stringify({
					title:$(this).html(),
					url:$(this).attr('data-href')
				}))
			})
		</script>
	</body>

</html>